<!--
  Generated template for the ChargingAccountPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>充值</ion-title>
  </ion-navbar>

</ion-header>


<ion-content >
  <div class="module-container">
    <div class="money-fixed">
      <!--<button ion-button outline>30元</button>
      <button ion-button class="active">50元</button>
      <button ion-button outline>100元</button>-->
      <button ion-button outline [ngClass]="{true: 'disable-hover active button button-ios button-default button-default-ios', false: 'disable-hover outline button button-ios button-outline button-outline-ios'}[pay_money === 30]" (click)="changPay_money(30)" >30元</button>
      <button ion-button [ngClass]="{true: 'disable-hover active button button-ios button-default button-default-ios', false: 'disable-hover outline button button-ios button-outline button-outline-ios'}[pay_money === 50]" (click)="changPay_money(50)">50元</button>
      <button ion-button [ngClass]="{true: 'disable-hover active button button-ios button-default button-default-ios', false: 'disable-hover outline button button-ios button-outline button-outline-ios'}[pay_money === 100]" (click)="changPay_money(100)">100元</button>
    </div>
    <ion-list>

      <ion-item>
        <ion-label>金额</ion-label>
        <ion-input type="number" placeholder="请输入充值金额" [(ngModel)]="pay_money"></ion-input>
      </ion-item>

    </ion-list>
  </div>

  <ion-list class="pay-type line-through" [(ngModel)]="paytype" radio-group>
    <ion-list-header>
      选择支付方式
    </ion-list-header>

    <ion-item>
      <img  class="icon icon-account" src="assets/imgs/icon-weixin.png" item-left>
      <ion-label>微信支付</ion-label>
      <ion-radio checked="true" value="1"></ion-radio>
    </ion-item>
    <ion-item>
      <img class="icon icon-account" src="assets/imgs/icon-zhifubao.png" item-left>
      <ion-label>支付宝支付</ion-label>
      <ion-radio checked="flase" value="2"></ion-radio>
    </ion-item>
  </ion-list>
  <button ion-button class="pay-button" (click)="pay()" [ngClass]="{'blue':paytype == 1||paytype == 2}">去支付</button>
</ion-content>
